﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="DialogContentRef.ascx.cs"
    Inherits="Ajax_RadEditor_DialogContentRef" %>
<%@ Import Namespace="Portal.Core" %>
<link type="text/css" rel="stylesheet" href="<%=CoreContext.absStaticFile%>Themes/JS/jquery-autocomplete/jquery.autocomplete.css"
    media="screen" />
<script type='text/javascript' src='<%=CoreContext.absStaticFile%>Themes/JS/jquery-1.7.1.min.js'> </script>
<script type="text/javascript" src="<%=CoreContext.absStaticFile%>Themes/JS/jquery-autocomplete/jquery.autocomplete.js"></script>
<script type="text/javascript" src="<%=CoreContext.absStaticFile%>Themes/JS/main.js"></script>
<script type="text/javascript" src="<%=CoreContext.absStaticFile%>Themes/JS/ui/jquery-ui-1.7.2.custom.min.js"></script>
<style type="text/css">
    #right
    {
        margin-left: 10px;
    }
    #preview ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #preview ul li
    {
        float: left;
        padding: 0;
        margin: 0;
        display: block;
    }
    br
    {
        clear: left;
    }
</style>
<div>
    <div>
        <label>
            Nhập từ khóa
        </label>
        <input type="text" id="keyword_text" name="keyword_text" value="" size="50" />
        <input type="button" id="btnPreview" value="Xem trước" />
        <input type="button" id="btnEmbed" value="Nhúng vào bài viết" />
    </div>
    <div id="loading" style="display: none;">
        <img src="<%=CoreContext.absStaticFile%>Themes/Templates/kienthuc/images/ajax-loader.gif"
            alt="" />
        Đang tải ....</div>
    <table class="query-columns">
        <tbody>
            <tr>
                <td style="padding-left: 0">
                    <label for="available_columns">
                        Bài tin</label>
                    <br>
                    <div id="contentLeft">
                        <select style="width: 350px" size="10" name="available_columns" id="available_columns"
                            multiple="multiple">
                        </select>
                    </div>
                </td>
                <td class="buttons">
                    <input type="button" value="→" id="addSel" /><br />
                    <input type="button" value="←" id="removeSel" />
                </td>
                <td>
                    <label for="selected_columns">
                        Các bài tin đã được lựa chọn</label>
                    <br>
                    <div id="contentRight">
                        <select style="width: 350px" size="10" name="selected_columns" multiple="multiple"
                            id="selected_columns">
                        </select>
                    </div>
                </td>
                <td class="buttons">
                    <input type="button" value="↑" id="mup" /><br />
                    <input type="button" value="↓" id="mdown" />
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div>
    <div>
        <label>
            Hiển thị:</label>
        <ul style="margin: 0; list-style: none;">
            <li>
                <input type="checkbox" name="type_img" id="type_img" checked="checked" value="1" />
                Ảnh</li>
            <li>
                <input type="checkbox" name="type_title" id="type_title" checked="checked" value="1" />
                Tiêu đề</li>
            <li>
                <input type="checkbox" name="type_sapo" id="type_sapo" value="1" />
                Sapo</li>
        </ul>
        <label>
            Giao diện:</label>
        <select name="template" id="template">
            <%= sTempl%>
        </select><br />
        <label>
            Độ rộng:</label>
        <input type="text" id="widthBox" name="widthBox" value="490" /><br />
        <label>
            Số cột:</label>
        <input type="text" id="numCols" name="numCols" value="3" /><br />
        <label>
            Khoảng cách giữa các bài:</label>
        <input type="text" id="paddingLi" name="paddingLi" value="2" /><br />
    </div>
    <div id="right">
        <div id="preview">
        </div>
    </div>
</div>
<script type="text/javascript">
    var basepath = '<%=CoreContext.basepath%>';
    var staticpath = '<%=CoreContext.absStaticFile%>';
    //http://stackoverflow.com/questions/6933096/jquery-creating-two-dimensional-array
</script>
<script type="text/javascript" src="<%=CoreContext.absStaticFile%>Ajax/RadEditor/js/DialogContentRef.js"></script>
